//fonts
@font-face
	font-family AmaticSC-b
	font-style bold
	src url(/fonts/AmaticSC-Bold.ttf)
	
@font-face
	font-family Annie
	src url(/fonts/AnnieUseYourTelescope.ttf)
	
@font-face
	font-family Devonshire
	font-style normal
	src url(/fonts/Devonshire-Regular.ttf)
	
@font-face
	font-family Fondamento
	font-style normal
	src url(/fonts/Fondamento-Regular.ttf)
	
@font-face
	font-family Julee
	src url(/fonts/Julee-Regular.ttf)
	
@font-face
	font-family GravitasOne
	src url(/fonts/GravitasOne.ttf)

@font-face
	font-family Monoton
	src url(/fonts/Monoton-Regular.ttf)
	
@font-face
	font-family VastShadow
	src url(/fonts/VastShadow-Regular.ttf)

//constants
$font-size-header-h1 = 32px
$font-size-header-h2 = 20px

$font-size-body-h1 = 20px
$font-size-body-h2 = 16px
$font-size-body-h3 = 14px
$font-size-body-text = 13px
$font-size-body-details = 10px

$font-family-header-h1 = Monoton
$font-family-header-h2 = Julee
$font-family-body-h1 = VastShadow
$font-family-body-h2 = Verdana, Arial, Helvetica, sans-serif
$font-family-body-h3 =  Verdana, Arial, Helvetica, sans-serif
$font-family-body-text = Helvetica
$font-family-body-details = courier,Fondamento

$font-header-h1 = $font-size-header-h1 $font-family-header-h1
$font-header-h2 = $font-size-header-h2 $font-family-header-h2
$font-body-h1 = $font-size-body-h1 $font-family-body-h1 
$font-body-h2 = $font-size-body-h2 $font-family-body-h2 
$font-body-h3 = $font-size-body-h3 $font-family-body-h3 
$font-body-text = $font-size-body-text $font-family-body-text 
$font-body-details = $font-size-body-details $font-family-body-details
 